<template>
  <div>
    <!-- <router-view></router-view> -->
    <van-nav-bar title="收藏列表" left-arrow @click-left="$router.back()" />
    <!-- <div class="HouseItem_house__29lYP">
      <div class="HouseItem_imgWrap__3ZPoa">
        <img
          class="HouseItem_img__1BaJK"
          src="http://liufusong.top:8080/uploads/upload_e516b88440594926132c089603ab1e95.png"
          alt=""
        />
      </div>
      <div class="HouseItem_content__1gVhj">
        <h3 class="HouseItem_title__2dXar">靠地铁学校医院商场</h3>
        <div class="HouseItem_desc__5-mp4">四室/200/北/大众公寓</div>
        <div>
          <span class="HouseItem_tag__3MxYv HouseItem_tag1__3VDnD">近地铁</span>
        </div>
        <div class="HouseItem_price__1_r8v">
          <span class="HouseItem_priceNum__RGpsE">1000</span> 元/月
        </div>
      </div>
    </div> -->
    <CollectCo :list="list"></CollectCo>
  </div>
</template>
<script>
import CollectCo from '@/components/CollectCo.vue'
import { collect } from '@/api/user'
export default {
  components: {
    CollectCo
  },
  data () {
    return {
      list: []
    }
  },
  created () {
    this.onSubmit()
  },
  methods: {
    async onSubmit () {
      const { body } = await collect()
      // body.forEach(item => item.houseImg = 'http://liufusong.top:8080' + item.houseImg)
      body.forEach(function (item) {
        item.houseImg = 'http://liufusong.top:8080' + item.houseImg
      })
      console.log(body)
      this.list = body
    }
  }
}
</script>

<style lang="less" scoped>

</style>
